<template>
  <tr v-for="(item, idx) in props.data">
    <slot :row="item" :$index="idx"></slot>
  </tr>
</template>

<script setup lang="ts">
/**
 * 更加简洁的 table 设计
 *
 * 优点是：简单的二次封装，可以完成很多复杂的单元格合并，
 * 并且与 el-table 有着类似的插槽，很多组件都是可以继续使用的
 *
 * 缺点是：目前没有浮动单元格的相关设计
 */
interface Props {
    /**
     * 数据列表
     */
    data?: any[];
}

// 在组件中使用
const props = defineProps<Props>();
</script>


<style scoped>

</style>